<template>
    <div v-if=" program_data">
       <div  id="g_top" class="m-top">&nbsp;</div>
       <div id="g_nav" class="m-subnav">&nbsp;</div>
        <h1>电台节目id是 ： {{id}} 电台主持人 ： {{program_data.dj.brand}}</h1>
    </div>
</template>
<script>
import {dj_program_detail} from '../../../network/dj'
export default {
   data() {
       return {
          id:null,
          program_data:null
       }
   },
   created(){
       this.id = this.$route.query.id
      dj_program_detail(this.$route.query.id).then(res => {
           this.program_data = res.data.program
      })
   }
}
</script>
<style scoped>
.m-top {
    position: relative;
    z-index: 910;
    height: 70px;
    box-sizing: border-box;
    background: #242424;
    border-bottom: 1px solid #000;
}
.m-subnav {
    z-index: 90;
    height: 35px;
    box-sizing: border-box;
    background-color: #C20C0C;
    border-bottom: 1px solid #a40011;
}
</style>